<template>

  <div class="index">
    <el-container>
      <el-aside width='215px'>
        <div>功能列表</div>

         <el-link  :underline="false" v-for="(item,index) in items" :key="index"
         
         :class="num==index?'act':''" @click.native='skip(index)'>
           {{ item.tit }}
         
           {{item.tips[1].split(':')[1]}}
         </el-link>
      </el-aside>
      <el-main  id="test">
        <div class="test">
          <div v-for="(item,index) in items" :key="index"class="item":id="index">
            <h2>{{ item.tit }}</h2>
            <div class="tip">
              <span v-for="(tip,i) in item.tips" :key="i">{{ tip }}</span>

            </div>
            <p>请求参数</p>

            <el-table
              :data="item.tableData"
              style="width: 100%"
            >
              <el-table-column
                prop="name"
                label="参数名"
                width="180"
              />
              <el-table-column
                prop="type"
                label="参数类型"
                width="180"
              />
              <el-table-column
                prop="state"
                label="中文说明"
              />
              <el-table-column
                prop="remark"
                label="备注"
              />
            </el-table>

            <h3>发送请求</h3>
            <div>
              <el-input v-for="(items,indexs) in item.test" :key="indexs" v-model="items.input" :placeholder="items.place" />

              <div class="bottom">
                <el-button type="primary"@click="test(index,item.test)">确认</el-button>
                <span class="res">打印结果: <span class="show">{{ item.res }}</span></span>
              </div>

            </div>

          </div>

        </div>
      </el-main>
    </el-container>




  </div>

</template>

<script>

import indexJs from './index.js'

export default {

  ...indexJs

}

</script>

<style src="./index.css" scoped="scoped">

</style>
